<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<!--/*@thymesVar id="title" type="java.lang.String"*/-->
<title th:text="${title}"></title>
<meta name="_csrf" th:content="${_csrf.token}"/>
<meta name="_csrf_header" th:content="${_csrf.headerName}"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="通用系统">
<meta name="description" content="通用系统。。。">
<link rel="icon" th:href="@{/favicon.png}">
<!--/*@thymesVar id="urls" type="org.springframework.web.servlet.resource.ResourceUrlProvider"*/-->
<link rel="stylesheet" th:href='@{/authority/static/layui/css/layui.css}'>
<link rel="stylesheet" th:href="@{/authority/css/global.css}">
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<link th:replace="authority/common/compatible_with_ie8_head"/>
<!--[if lt IE 9]>
<script type="text/javascript" th:src="@{/authority/js/compat/html5.min.js}"></script>
<script type="text/javascript" th:src="@{/authority/js/compat/respond.min.js}"></script>
<![endif]-->
<style>
    .fly-nav-user {
        right: 15px;
    }

    /* 导航固定 */
    .fly-user-main > .layui-nav {
        position: fixed !important;
    }

    /*  内容对称 */
    .fly-user-main > .fly-panel {
        margin-right: 15px;
    }

    @media screen and (min-width: 768px) {
        .layui-container {
            width: auto !important;
        }
    }

    @media screen and (min-width: 992px) {
        .layui-container {
            width: auto !important;
        }
    }

    /* footer 剧中*/
    .zsa-footer p {
        margin-left: 200px;
    }

    /* 内容剧中 自适应 小屏幕*/
    @media screen and (max-width: 768px) {
        .zsa-footer p {
            margin-left: 0;
        }

        .fly-user-main > .fly-panel {
            margin-right: 0;
        }

        .zsa-form .layui-form-label {
            padding: 9px 5px;
        }

        .zsa-form .layui-input-block {
            margin-left: 90px;
        }

        .zsa-form.layui-form-pane .layui-form-label {
            width: 90px;
            padding: 8px 5px;
        }

        .zsa-form.layui-form-pane .layui-form-text .layui-form-label {
            width: 100%;
        }

        .zsa-form .zsa-word-aux {
            margin-left: 90px;
        }

        .zsa-form .zsa-file-list label button {
            left: 90px;
        }
    }

    @media screen and (min-width: 768px) {
        .zsa-center .layui-container {
            width: 750px !important;
        }
    }

    @media screen and (min-width: 992px) {
        .zsa-center .layui-container {
            width: 970px !important;
        }
    }

    @media screen and (min-width: 1200px) {
        .zsa-center .layui-container {
            width: 1170px !important;
        }
    }

    /*from*/
    .zsa-word-aux {
        margin-left: 110px;
    }

    .zsa-file-list label button {
        position: absolute;
        top: 3px;
        left: 110px;
    }

    .zsa-file-list .layui-upload-list, .zsa-file-list .layui-upload-list table {
        margin: 0;
    }

    .layui-input-block .zsa-static-text {
        line-height: 38px;
        padding-left: 10px;
        border-bottom: 1px solid #eee;
    }

    .zsa-form .layui-form-label {
        color: #666;
    }

    .zsa-form-text .layui-form-label {
        float: none;
        width: 100%;
        border-radius: 2px;
        box-sizing: border-box;
        text-align: left;
    }

    .zsa-form-text .layui-input-block {
        margin: 0;
        left: 0;
        top: -1px;
    }

    .x-red {
        position: absolute;
        left: 6px;
        top: 2px;
        margin-right: 2px;
        color: red;
        float: left;
        z-index: 1;
    }

    .my-layui-layer .layui-layer-btn {
        padding: 0;
        padding-top: 0 !important;
    }
</style>
</html>